<div>What happens when the following render() method executes?</div> <div> <pre class=language-javascript><code>render(){ let langs = [Ruby,ES6,Scala] return (<div> {langs.map(it => <p>{it}</p>)} </div>) }</code></pre> </div>

ReactJS - Quiz(MCQ)

What happens when the following render() method executes?

render(){
   let langs = ["Ruby","ES6","Scala"]
     return (<div>
       {langs.map(it => <p>{it}</p>)}
     </div>)
 }

Error. Cannot use direct JavaScript code in JSX

Error. Should be replaced with a for..loop for correct output

Displays the list of languages in the array

Displays nothing

Correct Answer : Displays the list of languages in the array

Recent Updates in React.JS

Q .

What do you need to change about this code to get it to run?

class clock extends React.Component {
  render() {
    return <h1>Look at the time: {this.props.time}</h1>;
  }
}

Remove this

Capitalize clock

Remove the render method

Add quotes around the return value

Correct Answer : Capitalize clock

Q .

Which Hook could be used to update the document's title?

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });

useEffect(() => { title = name + ' ' + lastname; });

useEffect(function updateTitle() { name + ' ' + lastname; });

useEffect(function updateTitle() { title = name + ' ' + lastname; });

Correct Answer :

useEffect(function updateTitle() { document.title = name + ' ' + lastname; });